{% include 'header.html' %}
<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>

	<div class="col_central">
		<div class="title">{{genero_selec.nombre_largo}}</div>
		{% if peliculas_genero %}
		<div class="genero-content">
			<ul>
			{% for pelicula in peliculas_genero %}
			<li>
			<div class="pelicula-genero">
				<div class="caratula-mini"><img width="80" height="120" src="{{ STATIC_URL }}images/{{pelicula.url_imagen}}"></div>
				<div class="pelicula-info">
					<div class="pelicula-title"><a href="/pelicula/?t={{pelicula.id}}">{{pelicula.titulo}}</a></div>
					<div class="pelicula-resumen">{{pelicula.sinopsis|slice:":255"}}...</div>
				</div>
			</div>
			</li>
			{% endfor %}
			</ul>
		</div>
		<div class="pagination">
    						<span class="step-links">
	        					{% if peliculas_genero.has_previous %}
	           				 		<a href="?page={{ peliculas_genero.previous_page_number }}&g={{genero_selec.nombre_corto}}">Previo</a>
	        					{% endif %}
	
	        					<span class="current">
	            					Página {{ peliculas_genero.number }} de {{ peliculas_genero.paginator.num_pages }}.
	        					</span>
	
	        					{% if peliculas_genero.has_next %}
	            					<a href="?page={{ peliculas_genero.next_page_number }}&g={{genero_selec.nombre_corto}}">Siguiente</a>
	        					{% endif %}
    						</span>
		</div>
		{% else %}
		<div class ="message">
		<p>No hay películas registradas para este género.</p>
		</div>
		{% endif %}
	</div>

	<div class="col_der">{% include 'menu_der.html' %}</div>
</div>

{% include 'footer.html' %}